import axios from 'axios';
import { ElMessage } from 'element-plus';
import type { InternalAxiosRequestConfig, AxiosResponse, AxiosRequestConfig } from 'axios';
import useUserStore from '@/store/modules/user';
let request = axios.create({
  baseURL: import.meta.env.VITE_APP_BASE_API,
  timeout: 5000,
});

request.interceptors.request.use((config: InternalAxiosRequestConfig) => {
  //   config.headers = {}
  let userStore = useUserStore();
  if (userStore.token) {
    config.headers.token = userStore.token;
  }
  //返回配置对象
  return config;
});

request.interceptors.response.use(
  (response: AxiosResponse) => {
    return response.data;
  },
  (error: any) => {
    let message: string = '';
    let status: number = error.response.status;
    switch (status) {
      case 401:
        message = 'TOKEN过期';
        break;
      case 403:
        message = '无权访问';
        break;
      case 404:
        message = '请求地址错误';
        break;
      case 500:
        message = '服务器出现问题 ';
        break;
      default:
        message = '网络出现问题';
        break;
    }
    ElMessage({
      type: 'error',
      message,
    });
    return Promise.reject(error);
  },
);

// 基于原有的axios的config添加新的参数用于校验等
interface CustomizeRequestConfig extends AxiosRequestConfig {
  isAuth?: boolean;
}

// 对request方法进行二次封装，所有其他发送请求前需要校验的东西在这里校验
let requestFun = function requestFun<T, U>(config: CustomizeRequestConfig) {
  const { isAuth, ...AxiosParmas } = config;

  //这里用于校验接口是否需要身份以及处理其他需要进行校验的，在没有isAuth的情况下默认为true

  if (isAuth === undefined ? true : isAuth) {
    // start: 获取权限的地方
    let hasAuth: boolean = true; //假装有权限
    // end: 获取权限的地方
    if (!hasAuth) {
      ElMessage({
        type: 'error',
        message: '您当前权限不足',
      });
      return Promise.reject('您当前权限不足');
    }
  }
  return request<T, U>(AxiosParmas);
};

export default requestFun;
